<template>
     <div>
         <ul>
            <li v-for="(item, index) in arr" :key="index">
                 <span>{{item}}</span>
                 <button @click="delFn(index)">删除</button>
            </li>
         </ul>
         <button @click="addFn">生成</button>
     </div>
</template>

<script>
export default {
   data() {
    return {
        arr: [1, 3, 5, 7]
    };
   },
   methods: {
       addFn() {
           this.arr.push(Math.floor(Math.random() * 10))
       },
       delFn(ind){
           this.arr.splice(ind, 1)
       }
   }
}
</script>

<style>

</style>